<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>简易记账簿</title>
    <meta name="keywords" content="Web,SSR,KeepAccounts"/>
    <meta name="description" content="Express,BootStrap"/>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" href="/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="/libs/bootstrap@5.2.3.css"/>
</head>
<body>
    <div class="wrapper">
        <header class="d-flex align-items-center justify-content-between">
            <h5>我的简易记账簿·用户登录</h5>
            <button type="button" class="btn btn-toolbar btn-sm">新用户登录即注册</button>
        </header>
        <form action="/login" method="post" autocomplete="off">
            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label label" for="username">用户昵称</label>
                <div class="col-sm-7">
                    <input class="form-control" id="username" name="username" type="text" maxlength="15"/>
                </div>
            </div>
            <div class="mb-3 row">
                <label class="col-sm-3 col-form-label label" for="password">登录密码</label>
                <div class="col-sm-7">
                    <input class="form-control" id="password" name="password" type="password" maxlength="15"/>
                </div>
            </div>
            <div class="mb-3 d-flex align-items-center justify-content-center">
                <button class="btn btn-primary btn-sm operate" type="reset">清空重置</button>
                <button class="btn btn-primary btn-sm operate" type="submit">确认提交</button>
            </div>
        </form>
    </div>
</body>
</html>
